<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<meta charset="UTF-8">
	<title>MEOS-结果展示-运行分型分析-典型场景分析</title>
	<link type="text/css" rel="stylesheet" href="../css/jquery-ui.min.css" />
	<link type="text/css" rel="stylesheet" href="../css/JyyCommon.css">
	<link type="text/css" rel="stylesheet" href="../layui/css/layui.css">
	<link type="text/css" rel="stylesheet" href="../css/meosClassicScenario.css">
	<script type="text/javascript" src="../js/jquery-3.2.1.js"></script>
	<script type="text/javascript" src="../js/jquery-ui.min.js"></script>
	<script type="text/javascript" src="../js/echarts.js"></script>
	<script type="text/javascript" src="../js/JyyCommon.js"></script>
	<script type="text/javascript" src="../js/JyyMsgBox.js"></script>
	<script type="text/javascript" src="../js/JyyLoading.js"></script>
	<script type="text/javascript" src="../js/meosClassicScenario.js"></script>
</head>
<body>
	<div class="titleDiv">
		<div class="firsttitle">步骤一.典型运行方式数量选取</div>
		<div onclick="firstCal()" class="imgBtn">
			<img style="width: 100%;height: 100%;" src="../images/calBtn.png" />
		</div>
	</div>
	<div id="firstEchartDiv" class="shadow box-div">
		<p style="margin-top: 10px;padding-top: 10px;">
			<span class="cardtitle">归一化类内距离</span>
		</p>
		<div id="powerSSEEchart" class="echartdiv"></div>
	</div>
	<div id="secondEchartDiv" class="shadow box-div">
		<p style="margin-top: 10px;padding-top: 10px;">
			<span class="cardtitle">轮廓系数</span>
		</p>
		<div id="contourCoeEchart" class="echartdiv"></div>
	</div>
	<div id="thirdEchartDiv" class="shadow box-div">
		<p style="margin-top: 10px;padding-top: 10px;">
			<span class="cardtitle">DBI</span>
		</p>
		<div id="contourDBIEchart" class="echartdiv"></div>
	</div>
	<div class="titleDiv">
		<div class="firsttitle">步骤二.典型运行方式降维可视化</div>
		<div onclick="secondCal()" class="imgBtn">
			<img style="width: 100%;height: 100%;" src="../images/calBtn.png" />
		</div>
	</div>
	<div id="fourthEchartDiv" class="shadow box-div">
		<p style="margin-top: 10px;padding-top: 10px;">
			<span class="cardtitle">聚类散点图</span>
		</p>
		<div id="clusterScatterEchart" class="echartdiv"></div>
	</div>
	<div id="fifthEchartDiv" class="shadow box-div">
		<p style="margin-top: 10px;padding-top: 10px;">
			<span class="cardtitle">时序图</span>
		</p>
		<div id="featureEchart" class="echartdiv"></div>
	</div>
	
	<div id="wizardMask" style="position:absolute;top:0px;left:0px;right:0px;bottom:0px;background:#000000;filter:alpha(Opacity=60);opacity:0.6;overflow: hidden;display:none;"></div>
	<div id="progressDiv" class="ui-widget-content" style="position:absolute;top:10%;left:30%;width:510px;height:520px;background:#ffffff;overflow: hidden;border:1px solid #cccccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;display:none;">
		<div style="position:absolute;top:0px;left:0px;width:100%;height:60px;">
			<div style="position:absolute;top:0px;left:28px;width:120px;height:60px;line-height:60px;">计算进程</div>
			<div id="progressClose" style="position:absolute;top:10px;right:10px;width:17px;height:17px;background:url(../images/dialog_close.png) no-repeat;cursor:pointer;"></div>
		</div>
		<div style="position: absolute;top: 50px;left:20px;width:450px;bottom:20px">
			<div id="progressText" style="position: absolute;top: 20px;left: 20px;right: 10px;bottom: 0px;color: white;background: black;overflow-x: hidden;padding: 10px;"></div>
		</div>
	</div>
	<script src="../layui/layui.js"></script>
</body>
</html>